console.log('Webpack 打包的主入口文件 ')

const app = document.getElementById('app')

var msg = require('./utils/demo')
var { word, list } = require('./utils/many')

import message from './utils/es'
import { tips, text } from './utils/esm'


app.innerHTML += `<h2>WH2214 - YYDS - DayDayup </h2>`
    + `<h2>WH2214 - 天道酬勤  </h2>`
    + `<h2>${msg}  </h2>`
    + `<h2>${word}  </h2>`
    + `<h2>${list}  </h2>`
    + `<h2>${message}  </h2>`
    + `<h2>${tips}  </h2>`
    + `<h2>${text}  </h2>`


import './styles/style.css'
import './styles/demo.less';
import './styles/index.scss';


// loader
// style-loader   把 css代码 转化为Node 风格的JS 代码
// css-loader     把CSS代码进行一个模块化处理
// sass-loader / less-loader   进行sass或者less 预编译 变成 less或者sass文件 